<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="icon" href="/favicon.ico" />
    <meta charset="utf-8" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,viewport-fit=cover" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="full-screen" content="yes" />
    <meta name="browsermode" content="application" />
    <meta name="x5-orientation" content="portrait" />
    <meta name="x5-fullscreen" content="true" />
    <title></title>
    <link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
    <script>
        (function(designWidth, maxWidth) {
            var doc = document,
                win = window,
                docEl = doc.documentElement,
                tid;

            function refreshRem() {
                var width = docEl.getBoundingClientRect().width;
                maxWidth = maxWidth || 540;
                width > maxWidth && (width = maxWidth);
                var rem = (width * 100) / designWidth;
                docEl.style.fontSize = rem + 'px';
                var actualSize = parseFloat(window.getComputedStyle(document.documentElement)['font-size']);
                if (actualSize !== rem && actualSize > 0 && Math.abs(actualSize - rem) > 1) {
                    var remScaled = actualSize > rem ? (rem * rem) / actualSize : (rem * actualSize) / rem;
                    docEl.style.fontSize = remScaled + 'px';
                }
            }
            refreshRem();
            win.addEventListener(
                'resize',
                function() {
                    clearTimeout(tid);
                    tid = setTimeout(refreshRem, 300);
                },
                false,
            );
            win.addEventListener(
                'pageshow',
                function(e) {
                    if (e.persisted) {
                        clearTimeout(tid);
                        tid = setTimeout(refreshRem, 300);
                    }
                },
                false,
            );
            if (doc.readyState === 'complete') {
                doc.body.style.fontSize = '16px';
            } else {
                doc.addEventListener(
                    'DOMContentLoaded',
                    function(e) {
                        doc.body.style.fontSize = '16px';
                    },
                    false,
                );
            }
        })(750, 750);
    </script>
</head>

<body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
</body>

</html>